﻿﻿﻿<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
    <title>鬼汐酱suki の 主页</title>
    <meta name="description" content="这里是我的个人主页，欢迎来访！">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.css">
    <script type="text/javascript">
        if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
            alert('朋友，这边建议您使用Chrome浏览器呢~');
        }
    </script>
</head>

<body>
    <div id="body-wrap">
        <nav class="not_index_bg" id="nav" style="background-image:url(./assets/images/bg.jpg)">
            <div id="page_site-info">
                <div id="site-title">
                    <span class="blogtitle"></span>
                    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.min.js"></script>
                    <script>
                        var typed = new Typed(".blogtitle", {
                            strings: ['Are you ok?','お元気ですか?','Ты в порядке?','你还好吗？'],
                            startDelay: 300,
                            typeSpeed: 100,
                            loop: true,
                            backSpeed: 50,
                            showCursor: true
                        });
                    </script>
                </div>
            </div>
        </nav>
        <main id="content-outer">
            <div class="layout_page" id="content-inner">
                <div class="aside_content" id="aside_content">
                    <div class="card-widget card-info">
                        <div class="card-content">
                            <div class="card-info-avatar is-center">
                                <img class="avatar-img"
                                    src="./assets/头像.png"
                                    alt="avatar">
                                <div class="author-info__name"><font color="orange"><b>鬼汐酱suki</b></font></div>
                                <!-- <div class="author-info__description">Hello World!</div> -->
                            </div>
                            <div class="card-info-social-icons is-center">
                                <a class="social-icon" href="https://space.bilibili.com/2060418999" target="_blank"><svg t="1653121638226" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10961" width="26" height="26"><path d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333z m123.605333 175.786667a17.408 17.408 0 0 0-24.576-0.042667l-66.133333 66.261334h-64.256l-66.133333-66.261334-2.730667-2.218666a17.450667 17.450667 0 0 0-21.845333 26.88l41.514666 41.6H341.973333l-6.4 0.213333A86.357333 86.357333 0 0 0 256 413.482667v215.637333l0.256 6.4a86.314667 86.314667 0 0 0 85.76 79.786667h12.8l0.298667 4.138666a28.330667 28.330667 0 0 0 56.32-4.181333h201.173333l0.298667 4.181333a28.330667 28.330667 0 0 0 56.32-4.181333h12.8l6.4-0.256A86.357333 86.357333 0 0 0 768 629.12V413.482667l-0.256-6.4a86.314667 86.314667 0 0 0-85.76-79.786667h-87.893333l41.514666-41.6 2.218667-2.688a17.493333 17.493333 0 0 0-2.218667-21.930667z m40.448 117.589333c17.365333 0 31.445333 14.208 31.573334 31.573334l1.621333 221.696-0.256 4.266666a31.658667 31.658667 0 0 1-31.274667 27.349334H346.282667l-4.266667-0.298667a31.829333 31.829333 0 0 1-27.306667-31.317333l-1.621333-221.696 0.256-4.266667c2.048-15.36 15.36-27.306667 31.317333-27.306667z m-167.082666 182.058667c-11.306667 12.245333-12.586667 28.16-30.549334 28.16-11.306667 0-20.906667-15.018667-20.906666-15.018667l-1.664-1.792a10.794667 10.794667 0 0 0-7.04-2.56 9.941333 9.941333 0 0 0-9.941334 10.197334c0 1.792 0.426667 3.413333 1.194667 4.864l0.213333 0.426666c1.834667 3.242667 14.634667 24.490667 39.936 24.490667 15.018667 0 26.026667-10.069333 28.288-12.288l0.426667-0.426667 0.426667 0.426667c2.304 2.218667 13.312 12.288 28.330666 12.288 27.434667 0 40.149333-24.917333 40.106667-24.96l0.938667-2.261333 0.298666-2.56a9.941333 9.941333 0 0 0-9.941333-10.197334c-3.626667 0-6.826667 1.706667-8.704 4.352l-0.341333 0.512c-1.834667 2.645333-10.496 14.506667-20.522667 14.506667-16.213333 0-18.858667-12.885333-27.477333-24.405333z m59.733333-109.738667l-7.936 40.362667L668.586667 512l7.978666-40.32-107.818666-20.650667z m-113.450667 0l-107.818666 20.650667 7.978666 40.32 107.818667-20.608-7.978667-40.362667z" fill="#23ADE5" p-id="10962"></path></svg></a>
                                <a class="social-icon" href="https://github.com/GuiXiJiangSuki" target="_blank"><svg t="1653120684046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1414" width="26" height="26"><path d="M512 85.333333C276.266667 85.333333 85.333333 276.266667 85.333333 512a426.410667 426.410667 0 0 0 291.754667 404.821333c21.333333 3.712 29.312-9.088 29.312-20.309333 0-10.112-0.554667-43.690667-0.554667-79.445333-107.178667 19.754667-134.912-26.112-143.445333-50.133334-4.821333-12.288-25.6-50.133333-43.733333-60.288-14.933333-7.978667-36.266667-27.733333-0.554667-28.245333 33.621333-0.554667 57.6 30.933333 65.621333 43.733333 38.4 64.512 99.754667 46.378667 124.245334 35.2 3.754667-27.733333 14.933333-46.378667 27.221333-57.045333-94.933333-10.666667-194.133333-47.488-194.133333-210.688 0-46.421333 16.512-84.778667 43.733333-114.688-4.266667-10.666667-19.2-54.4 4.266667-113.066667 0 0 35.712-11.178667 117.333333 43.776a395.946667 395.946667 0 0 1 106.666667-14.421333c36.266667 0 72.533333 4.778667 106.666666 14.378667 81.578667-55.466667 117.333333-43.690667 117.333334-43.690667 23.466667 58.666667 8.533333 102.4 4.266666 113.066667 27.178667 29.866667 43.733333 67.712 43.733334 114.645333 0 163.754667-99.712 200.021333-194.645334 210.688 15.445333 13.312 28.8 38.912 28.8 78.933333 0 57.045333-0.554667 102.912-0.554666 117.333334 0 11.178667 8.021333 24.490667 29.354666 20.224A427.349333 427.349333 0 0 0 938.666667 512c0-235.733333-190.933333-426.666667-426.666667-426.666667z" fill="#515151" p-id="1415"></path></svg></a>
                                <a class="social-icon" href="javascript:void(0);" onclick="email()"><svg t="1653120990219" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="661" width="24" height="24"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#B3DFFF" p-id="662"></path><path d="M460.334545 509.44a75.869091 75.869091 0 0 0 103.563637 0l266.705454-250.181818A46.545455 46.545455 0 0 0 814.545455 256H209.454545a46.545455 46.545455 0 0 0-16.756363 3.258182zM857.134545 739.374545A46.545455 46.545455 0 0 0 861.090909 721.454545V302.545455a46.545455 46.545455 0 0 0-4.654545-20.247273l-235.287273 221.090909z" fill="#439DFF" p-id="663"></path><path d="M595.781818 527.36l-8.145454 7.68a110.778182 110.778182 0 0 1-151.272728 0l-8.145454-7.68L191.534545 764.043636A46.545455 46.545455 0 0 0 209.454545 768h605.09091a46.545455 46.545455 0 0 0 18.618181-3.956364zM167.563636 282.996364A46.545455 46.545455 0 0 0 162.909091 302.545455v418.90909a46.545455 46.545455 0 0 0 3.956364 18.618182l235.985454-236.683636z" fill="#439DFF" p-id="664"></path></svg></a>
                                <br>
                                <button class="dark-button" onclick="dark()" style="vertical-align:middle"><span><i class="fa fa-sun-o"></i> / <i class="fa fa-moon-o"></i></span></button>
                            </div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                <span>公告</span>
                            </div>
                            <div id="">
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-bullhorn" aria-hidden="true"></i>
                                <span>一言</span>
                            </div>
                            <div id="hitokoto"></div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-file-text-o" aria-hidden="true"></i>
                                <span>推荐</span>
                            </div>
                            <div id="">
                                <li><a href="http://li23.cn" style="color: orange; text-decoration:none;">首页</a></li>
                                <li><a href="http://li23.cn" style="color: orange; text-decoration:none;">首页</a></li>
                            </div>
                        </div>
                    </div>

                    <div class="card-widget card-webinfo">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-line-chart" aria-hidden="true"></i>
                                <span>站点信息</span>
                            </div>
                            <div class="webinfo">
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">运行状态：</div>
                                    <div class="webinfo-site-pv-count" id="">🟢 正常</div>
                                    <!-- <div class="webinfo-site-pv-count" id="">🟠 卡顿</div> -->
                                    <!-- <div class="webinfo-site-pv-count" id="">🔴 严重错误</div> -->
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">站长状态：</div>
                                    <div class="webinfo-site-pv-count" id="">🟠 繁忙</div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">-----</div>
                                    <div class="webinfo-site-pv-count" id="">-----</div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">本站已稳定运行</div>
                                    <div class="webinfo-site-pv-count" id="busuanzi_value_site_pv">
                                        <span id=span_time>未知</span>
                                        <script language=javascript>
                                            function show_date_time()
                                            {
                                                window.setTimeout("show_date_time()", 1000);
                                                BirthDay=new Date("9/15/2023 20:00:00");
                                                today=new Date();
                                                timeold=(today.getTime()-BirthDay.getTime());
                                                sectimeold=timeold/1000
                                                secondsold=Math.floor(sectimeold);
                                                msPerDay=24*60*60*1000
                                                e_daysold=timeold/msPerDay
                                                daysold=Math.floor(e_daysold);
                                                e_hrsold=(e_daysold-daysold)*24;
                                                hrsold=Math.floor(e_hrsold);
                                                e_minsold=(e_hrsold-hrsold)*60;
                                                minsold=Math.floor((e_hrsold-hrsold)*60);
                                                seconds=Math.floor((e_minsold-minsold)*60);
                                                span_time.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
                                            }
                                            show_date_time();
                                        </script>
                                </div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">当前页面URL</div>
                                    <div class="webinfo-site-pv-count" style="user-select: text" id="">
                                        <span id="span_url">[ <a href="javascript:void(0);" onclick="page_url()" style="color: orange;">查看</a> ] [ <a href="javascript:void(0);" onclick="copy(url)" style="color: orange;">复制</a> ]</span>
                                        <script>
                                            var url = window.location.href;
                                            // span_url.innerHTML=url
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <article id="page">
                    <div class="article-container">
                        <h2>鬼汐酱音乐歌单</h2>
                        <iframe src="http://music.163.com/outchain/player?type=0&amp;id=7530479354&amp;auto=1&amp;height=430" width="100%" height="450" frameborder="no" marginwidth="0" marginheight="0"></iframe> 
                        <hr>

                        <h2>雪喵meow QQ机器人</h2>
                        <div class="tool">
                            <li><a href="https://guixijiang.gitee.io/xuemeow/bot/index" target="_blank">雪喵meow QQ机器人</a> | 一个ai智能聊天机器人！</li>
                        </div>

                        <hr>
                        <h2>开源项目</h2>
                        <div class="tool">
                            <li><a href="https://github.com/GuiXiJiangSuki/ACG-Home" target="_blank">ACG-Home</a> | 一个好看的二次元个人主页！</li>
                        </div>

                        <hr>
                        <h2>我的博客</h2>
                        <div class="tool">
                            <p>快来康康吧，每周更新！<br>&gt; <a href="http://blog.chengcheng0v0.cc" target="_blank" rel="noopener noreferrer">GO!</a></p>
                        </div>

                        <hr>
                        <h2></h2>
                        <div class="tool">
                            <p></p>
                        </div>
                    </div>
                </article>
            </div>
        </main>
        <footer id="footer">
            <div id="footer-wrap">
                &copy;鬼汐酱suki<br>
            </div>
        </footer>
    </div>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.js"></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.js"></script>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.js" type="module"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/lazysizes/5.3.2/lazysizes.min.js" async></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/sweetalert/2.1.2/sweetalert.min.js"></script>

    <!-- APlayer -->
    <!-- <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>
     -->
    <!-- MetingJS -->   <!--
    <script src="../assets/js/meting.js"></script>
-->
    <!-- nplayer -->
    <script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

    <!-- 一言 -->
    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

    <!-- 看板娘 -->
    <!--
    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
    -->

    <!--鼠标点击效果-->
    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>

    <!-- 复制内容 -->
    <script>
        function copy(data) {
            let input = document.createElement("input");
            input.setAttribute("readonly", "readonly");
            input.value = data;
            document.body.appendChild(input);
            input.select();
            document.execCommand("Copy");
            document.body.removeChild(input);
            swal("复制成功！");
        }
    </script>

    <!-- 显示邮箱 -->
    <script>
        function email() {
            swal({
                title: "E-mail",
                text: "161016262@qq.com",
                buttons: ["复制", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    copy("161016262@qq.com");
                }
            });
        }
    </script>
    
    <!-- 显示URL -->
    <script>
        function page_url() {
            swal({
                title: "URL",
                text: url,
            })
        }
    </script>

    <!-- 问候 -->
    <script language="javaScript">
        now = new Date(),hour = now.getHours();
        if(hour > 0) if(hour < 6) swal({title: "凌晨了!", text: "注意休息~", icon: "info"});
        else if(hour > 6) if(hour < 9) swal({title: "早上好!", text: "Good morning", icon: "info"});
        else if(hour > 21) if(hour < 24)
            swal({
                title: "晚上好!",
                text: "开启夜间模式可以让页面不那么刺眼哟~",
                icon: "info",
                buttons: ["夜间模式", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    dark();
                }
            });
    </script>

    <script type="text/javascript">
        // 控制台消息
        console.clear();
        console.log("%c 乾杯 - ( ゜- ゜)つロ", "background:#24272A; color:#ffffff", "");
        console.log("");

        // 夜间模式
        function dark() {
            var element = document.body;
            element.classList.toggle("dark-mode");
        }

        (function ($) {
            $.fn.snow = function (options) {
                var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('&#10052;'),
                    documentHeight = $(document).height(),
                    documentWidth = $(document).width(),
                    defaults = {
                        minSize: 10,
                        maxSize: 20,
                        newOn: 1000,
                        flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
                    },
                    options = $.extend({}, defaults, options);
                var interval = setInterval(function () {
                    var startPositionLeft = Math.random() * documentWidth - 100,
                        startOpacity = 0.5 + Math.random(),
                        sizeFlake = options.minSize + Math.random() * options.maxSize,
                        endPositionTop = documentHeight - 200,
                        endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
                        durationFall = documentHeight * 10 + Math.random() * 5000;
                    $flake.clone().appendTo('body').css({
                        left: startPositionLeft,
                        opacity: startOpacity,
                        'font-size': sizeFlake,
                        color: options.flakeColor
                    }).animate({
                        top: endPositionTop,
                        left: endPositionLeft,
                        opacity: 0.2
                    }, durationFall, 'linear', function () {
                        $(this).remove()
                    });
                }, options.newOn);
            };
        })(jQuery);
        $(function () {
            $.fn.snow({
                minSize: 5, /* 定义雪花最小尺寸 */
                maxSize: 50,/* 定义雪花最大尺寸 */
                newOn: 800  /* 定义密集程度，数字越小越密集 */
            });
        });

        // 浏览器萌标题
        var OriginTitle = document.title;
        var titleTime;
        document.addEventListener('visibilitychange', function () {
            if (document.hidden) {
                // $('[rel="icon"]').attr('href', "/funny.ico");
                document.title = '╭(°A°`)╮ 快回来！';
                clearTimeout(titleTime);
            }
            else {
                $('[rel="icon"]').attr('href', "/favicon.ico");
                document.title = '(ฅ>ω<*ฅ) 总算回来啦~';
                titleTime = setTimeout(function () {
                    document.title = OriginTitle;
                }, 1000);
            }
        });
    </script>
</body>

</html>